<%- include('layouts/admin_header',{tittle:'Users'})%>

<body>
  <script>
    NProgress.start();
  </script>

  <div class="main">
    <%- include('layouts/admin_navbar')%>
    <div class="container-fluid">
      <div class="page-title">
        <h1>用户</h1>
      </div>
      <!-- 有错误信息时展示 -->
      <!-- <div class="alert alert-danger">
        <strong>错误！</strong>发生XXX错误
      </div> -->
      <div class="row">
        <div class="col-md-4">
          <form>
            <h2>添加新用户</h2>
            <div class="form-group">
              <label for="email">邮箱</label>
              <input
                id="email"
                class="form-control"
                name="email"
                type="email"
                placeholder="邮箱"
              />
            </div>
            <div class="form-group">
              <label for="slug">别名</label>
              <input
                id="slug"
                class="form-control"
                name="slug"
                type="text"
                placeholder="slug"
              />
              <p class="help-block">
                https://zce.me/author/<strong>slug</strong>
              </p>
            </div>
            <div class="form-group">
              <label for="nickname">昵称</label>
              <input
                id="nickname"
                class="form-control"
                name="nickname"
                type="text"
                placeholder="昵称"
              />
            </div>
            <div class="form-group">
              <label for="password">密码</label>
              <input
                id="password"
                class="form-control"
                name="password"
                type="text"
                placeholder="密码"
              />
            </div>
            <div class="form-group">
              <button class="btn btn-primary" type="submit">添加</button>
            </div>
          </form>
        </div>
        <div class="col-md-8">
          <div class="page-action">
            <!-- show when multiple checked -->
            <a
              class="btn btn-danger btn-sm"
              href="javascript:;"
              style="display: none"
              >批量删除</a
            >
          </div>
          <table class="table table-striped table-bordered table-hover">
            <thead>
              <tr>
                <th class="text-center" width="40">
                  <input type="checkbox" />
                </th>
                <th class="text-center" width="80">头像</th>
                <th>邮箱</th>
                <th>别名</th>
                <th>昵称</th>
                <th>状态</th>
                <th class="text-center" width="100">操作</th>
              </tr>
            </thead>
            <tbody>
              <% for(var i = 0 ; i < arr.length ; i++) { %>
              <tr data-id="<%=arr[i].id%>">
                <td class="text-center"><input type="checkbox" /></td>
                <td class="text-center">
                  <img class="avatar" src="<%=arr[i].avatar%>" />
                </td>
                <td><%=arr[i].email%></td>
                <td><%=arr[i].slug%></td>
                <td><%=arr[i].nickname%></td>
                <td><%=arr[i].status%></td>
                <td class="text-center">
                  <a href="post-add.php" class="btn btn-default btn-xs">编辑</a>
                  <a href="javascript:;" class="btn btn-danger btn-xs">删除</a>
                </td>
              </tr>
              <% } %>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>

  <%- include('layouts/admin_aside'); %>

  <script src="/assets/js/admin_user.js"></script>

  <%- include('layouts/admin_footer'); %>
</body>
